 // 类型1是txt，2是文件夹,3是文档
 const data = [{
    id:1,
    title:"使用教程",
    type:1,
    img:'./img/文本.png'

},
{
    id:2,
    title:"学习资料",
    type:2,
    img:'./img/文件夹.png'

},
{
    id:3,
    title:"机密文件",
    type:3,
    img:'./img/42文档.png'

}
];
const dome = document.getElementById("app_lnformations");
function rendering(){
    let DataDome = "";
    for(let i in data){
        // console.log(i)
        DataDome += `<div style="padding: 10px;cursor: pointer;" onclick="isfile()"><div class="file_img"><div class="file_box"style="background-image: url('${data[i].img}');"></div></div><span>${istype(data[i])}</span></div>`
    }
    dome.innerHTML = DataDome;
}
function istype(obj){
    switch (obj.type) {
        case 1:
            return obj.title+".txt";
            // break;
    
         case 2:
         return obj.title;

         case 3:
         return obj.title+".docx";
            
    }
}
function isfile() {
    if(true){
        showAlert("提示","打开失败") 
    }
}
function showAlert(title, message) {
  // 创建一个带有标题、消息文本和确认按钮的 <div> 元素
  var alertBox = document.createElement("div");
  alertBox.setAttribute("class", "alert-box");

  var alertTitle = document.createElement("h2");
  alertTitle.innerHTML = title;
  alertBox.appendChild(alertTitle);

  var alertMessage = document.createElement("p");
  alertMessage.innerHTML = message;
  alertBox.appendChild(alertMessage);

  var alertButton = document.createElement("button");
  alertButton.innerHTML = "OK";
  alertButton.onclick = function() {
    // 在 alertBox 上移除 show 类
    alertBox.classList.remove("show");

    // 等待动画完成之后再将 alertBox 从页面中删除
    setTimeout(function() {
      document.body.removeChild(alertBox);
    }, 300); // 等待 0.3 秒，即动画持续时间
  };
  alertBox.appendChild(alertButton);

  // 将 show 类添加到 alertBox
  alertBox.classList.add("show");

  // 将 alertBox 添加到页面中
  document.body.appendChild(alertBox);

  // 等待 0.3 秒，即动画持续时间，执行其他操作
  setTimeout(function() {
    // Do something after animation
  }, 300);
}